<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>The War Room Admin Login</title>

<link rel="stylesheet" type="text/css" href="<?php echo base_url()?>include-css/admin/main.css" />
<script type="text/javascript" src="<?php echo base_url()?>include-js/admin/jquery.js"></script>
<script type="text/javascript">
$(function(){
	
	var $origWindowHeight = $(window).height();

	
	var $loginMarginTop = ( $origWindowHeight - $(".login-wrapper").height())  / 2;
	$origWindowHeight = $origWindowHeight -  ($loginMarginTop);	
	$(".main-wrapper").css({paddingTop: $loginMarginTop, height: $origWindowHeight});
	
	

	
});

</script>

</head>

<body>

<div class="main-wrapper">
	<div class="login-wrapper">
      <div class="login-header"> Administrator Login </div>
      <div class="login-content-wrapper"> 
           <div class="login-content">
              <p class="field">Username</p>
              <input type="text" />
              <p class="spacer"></p>
			  <p class="field">Password</p>
              <input type="password" />
              <p class="spacer"></p>
              <div class="login-button"> Login </div>
                            
           </div>
      </div>
    
    </div>
</div>    


</body>
</html>
